<template>
  <div class="body">
    <div class="center">
      <div class="txt" style="height:30px;"></div>
    </div>

    <div class="show">
      <div class="center">
        <div class="col1-1">
          <img :src="`${data[0]&&data[0].pic}`" />
        </div>
        <div class="col1-2">
          <div>
            <h3>{{data[0]&&data[0].scenery_name}}</h3>
          </div>
          <div class="price">
            <h3>￥{{data[0]&&data[0].scenery_price}}起</h3>
          </div>
          <div>
            <div class="icon1"></div>
            <h4>地址：</h4>
            <p>舟山普陀山</p>
          </div>
          <div>
            <div class="icon2"></div>
            <h4>开放时间：</h4>
            <p>{{data[0]&&data[0].start_time}}—{{data[0]&&data[0].end_time}}</p>
          </div>
          <div>
            <div class="icon3"></div>
            <h4>适宜季节：</h4>
            <p>全年</p>
          </div>
          <div>
            <div class="last">
              <div class="icon4"></div>
              <h4>门票信息：</h4>
              <p>
                {{data[0]&&data[0].tickets}}
              </p>
            </div>
          </div>
        </div>
      </div>
    </div>

    <div class="f2">
      <div class="center">
        <div class="main">
          <div class="box1">
            <a href="#c1">相关线路</a>
            <a href="#c3">最新攻略</a>
          </div>
          <div class="detail1" id="c1">
            <ul>
              <li>
                <a href="#">
                  <img src="img/scenery/1.jpg" />
                  <p>观音道场朱家尖、普陀山二日游</p>
                </a>
              </li>
              <li>
                <a href="#">
                  <img src="img/scenery/2.jpg" />
                  <p>普陀山礼佛观光之旅</p>
                </a>
              </li>
              <li>
                <a href="#">
                  <img src="img/scenery/3.jpg" />
                  <p>普陀山南海祈福三日游</p>
                </a>
              </li>
            </ul>
          </div>
          <div class="detail3" id="c3">
            <ul>
              <li>
                <a href="#">
                  <img src="img/method/1.jpg" />
                  <p>衢山四天三夜之旅</p>
                  <div>
                    <span>主题游</span>
                    <span>亲子游</span>
                  </div>
                </a>
              </li>
              <li>
                <a href="#">
                  <img src="img/method/2.jpg" />
                  <p>朱家尖海滨度假自驾游自由行</p>
                  <div>
                    <span>主题游</span>
                    <span>亲子游</span>
                  </div>
                </a>
              </li>
              <li>
                <a href="#">
                  <img src="img/method/3.jpg" />
                  <p>普陀山礼佛观光之旅</p>
                  <div>
                    <span>主题游</span>
                    <span>亲子游</span>
                  </div>
                </a>
              </li>
            </ul>
          </div>
        </div>
      </div>
    </div>

    <div class="introduce">
      <div class="center">
        <div class="main">
          <div>
            <span>景区介绍</span>
            <span></span>
          </div>
          <div>
            <p>
              普陀山风景名胜区位于浙江杭州湾以东约100海里，是舟山群岛中的一个小岛。全岛面积12.5平方公里，呈狭长形，南北最长处为8.6里，东西最宽外3.5公里。
            </p>
            <p>
              普陀山风景名胜区素有海天佛国、南海圣境之称，是首批国家重点风景名胜区。最高处佛顶山，海拔约300米。东达日本，北接登莱，南亘欧闽，西通吴会，是中国的东大门。五代后梁贞明二年(公元916年)，日僧慧锷自五台山请观音像归国，途经普陀山被大风所阻，于紫竹林结茅留居，建不肯去观音院。历朝相继在此兴建寺院，以供奉观音菩萨为主。普陀山也就成为中国四大佛教道场之一。
            </p>
            <img src="img/scenery/introduce/1.jpg" alt="" />
            <h4>主要景点</h4>
            <p>
              普陀山风景名胜区作为佛教胜地，最盛时有82座寺庵，128处茅篷，僧尼达4000余人。其中普济、法雨、慧济三大寺规模宏大，建筑考究，是中国清初寺庙建筑群的典型。普济禅寺始建于宋，为山中供奉观音的主刹，建筑总面积约11000多平方米。
            </p>
            <img src="img/scenery/introduce/2.jpg" alt="" />
            <p>
              普陀山风景名胜区奇岩怪石很多。著名的有磐陀石、二龟听法石、海天佛国石等二十余处。在山海相接之处有许多石洞胜景，最著名的是潮音洞和梵音洞。岛的四周有许多沙滩，但主要的是百步沙和千步沙。千步沙是一个弧形沙滩，长约3里，沙细坡缓，沙面宽坦柔软，是一个优良的海水浴场。夏天去游览，可带上游泳衣在这里畅游。
            </p>
            <h4>普济禅寺</h4>
            <p>
              普济禅寺又称前寺，始建于宋元丰年间，是普陀山风景名胜区第一大寺，也是中国重点寺院，历代全山方丈均住锡于此。寺院规模宏大，有"五步一楼，十步一阁"之称，全寺殿堂六进，自南向北贯串在一条中轴线上。其中大圆通殿是普济寺主殿，殿中供奉高8.8米的毗卢观音为菩萨正身法像，两边端坐观音"三十二应身"，以示观音大士感应世间万物众生。
            </p>
            <img src="img/scenery/introduce/3.jpg" alt="" />
            <h4>法雨禅寺</h4>
            <p>
              法雨禅寺始建于明，依山凭险，层层叠建，周围古木参天，极为幽静。法雨寺又称后寺，初名海潮庵，清康熙三十八年赐天华法雨匾额，遂称法雨禅寺。建筑布局依山取势，分群递升，宏大高远，气象超凡。其中九龙殿最为辉煌，该佛殿是从南京明故宫整体搬迁而来的，为目前中国寺院建筑规格最高的一座佛殿。殿内有普陀山风景名胜区三宝之一的九龙藻井，精工巧作，栩栩如生，艺术价值极高，为国家级文物。
            </p>
            <div>
              <img src="img/scenery/introduce/fayuchansi_1.jpg" alt="" />
            </div>
            <br />
            <br />
          </div>
        </div>
      </div>
    </div>
  </div>
</template>

<script>
export default {
  data() {
    return {
      data: [], //接收一个景点详情
    };
  },
  watch: {
    $route() {
      this.getData()
    }
  },
  mounted() {
    this.getData();
  },
  methods: {
    getData() {
      console.log(this.$route.query);
      this.axios.get(`/scenery/show?scenery_id=${this.$route.query.scenery_id}`).then((res) => {
        console.log("查询一个景点的详细信息:", res);
        this.data = res.data;
      });
    },
  },
};
</script>
<style scoped src="../assets/css/sceneryShow.css"></style>
<style lang="scss" scoped></style>
